<%-- 
    Document   : login
    Created on : 09-jul-2012, 9:42:01
    Author     : Administrador
--%>
<%@page import="com.javabeans.Etiqueta"%>
<%@page import="java.util.List"%>
<%
    String s_path = request.getContextPath(); 
    int op = 0;//Integer.parseInt(request.getAttribute("op")+"");// para q se pinte // 2 es preguntas
    int idCarrera = Integer.parseInt(request.getAttribute("idCarrera")+"");
    List<Etiqueta> etique = (List<Etiqueta>) request.getAttribute("correspondeAll");
    String msg = "";
    if( request.getAttribute("msg") != null ){
        msg = (String) request.getAttribute("msg");
    }
    String nomb = "";
    //cuando esta logueado [false <-- cuando no esta autentificado][true <-- cuando esta autentificado]
    boolean isLogueado = false;
    boolean flag = false;// true docente; false estudiante
    if( session.getAttribute("s_docente") != null){
        isLogueado = true;// principal para saber si existe sesion
        flag = true;
    }else if( session.getAttribute("s_estudiante") != null){
        isLogueado = true;// principal para saber si existe sesion
    }
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM</title>
        <meta name="description" content="Derechos Reservados SI-ESFM" />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        <link rel="stylesheet" href="<%=s_path%>/css/qaptcha/QapTcha.jquery.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/foro.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/themes/start/jquery-ui-1.8.20.custom.css" type="text/css" />
        <style type="text/css">
            /**para el foro*/
            #nav {float: right;margin: 10px 0px 0px 0px;width: 750px;}
            #roof {margin-top: 8px;}
            div.userList > div.user > ul > li {overflow: hidden;}
        </style>
        <script type="text/javascript" src="<%=s_path%>/js/md5.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.core.min.js"></script>  <!--si o si cargar esto-->
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.position.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.mouse.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.button.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.draggable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.resizable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.dialog.min.js"></script>
        <script type="text/javascript">
            var isLogueado = <%=isLogueado%>;
            $(document).ready(function(){
                $("#login").focus();
                //actualizamos para encriptar
                $("#formLogin").submit(function(){
                    encriptar("sw");
                });
                $("#formLogin").validate();
                $("#dialogo").dialog({
			autoOpen: false,
                        title: "Ingrese su pregunta",
			height: 350,
			width: 550,
			modal: true,
			buttons: {
                            "Aceptar": function() {
                                var flag = $("#formPreg").valid();
                                if(flag){
                                    $.ajax({
                                        type: 'POST',
                                        url: 'Foros',
                                        data: $('#formPreg').serialize(),
                                        success: function(res){
                                            if(res==1)
                                                location.href="Foros?accion=2&carrera="+<%=idCarrera%>;
                                        },
                                        error:function(){alert("Error! al registrar la pregunta")}
                                    });
                                    $( this ).dialog( "close" );
                                }
                            },
                            Cancelar: function() {
                                $( this ).dialog( "close" );
                            }
			},
			close: function() {
                            // implementar lo que convenga
			}
		});
            });
            function iniciarDialogo(){
                if(isLogueado){
                    $('#formPreg').each(function(){
                        this.reset();
                    });
                    $("#accion").val("6");
                    $("#titleForm").text("Nueva Pregunta");
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $( "#dialogo" ).dialog( "open" );
                    $("#nombre").focus();
                }else{
                    alert("Por favor inicie sesi\u00f3n.");
                }
            }
            // para mostrar los menus dependiendo d q opcion fue clikado
            function menu(op){
                switch(parseInt(op,10)){
                    case 1:
                        location.href='<%=s_path%>/';
                        break;
                    case 2:
                        location.href='<%=s_path%>/web/index.jsp?tipo=2';
                        break;
                    case 3:
                        location.href='<%=s_path%>/web/index.jsp?tipo=3';
                        break;
                    case 4:
                        location.href='<%=s_path%>/web/index.jsp?tipo=4';
                        break;  
                    case 5:
                        location.href="<%=s_path%>/Foros?accion=1";
                        break;
                }
            }
            function mostrarDetalleForo(idForo,cantLeido, idEtiqueta, idCarrera, op){
                location.href='Foros?accion=4&idForo='+idForo+"&cantLeido="+cantLeido+"&idCorresponde="+idEtiqueta+"&idCarrera="+idCarrera+"&op="+op;
            }
            // actualizar la variable luego encriptarlo para cualquier submit
            function encriptar(val){
                hide = "";
                if( $.trim( $("#p"+val).val() ) != "" ){
                    hide = $.trim( $("#p"+val).val() );
                    $("#pp"+val).val( MD5(hide) );
                }
            }
        </script>
    </head>
    <body>
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../headForo.jsp" %>
            <!--header ends here-->
            
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a href="<%=s_path%>/Foros?accion=1">Home</a></li>
                            <li><span style="color:#666">Foros</span></li>
                            <li class="current-page"><span class="end"><span class="middle">&nbsp;</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- todo el cuerpo disponible para el area de trabajo -->
                    <div class="cuerpoCompleto" style="border: 0px solid">
                        <div class="innerLeft" style="border: 0px solid">
                            <!-- template header.html -->
                            <div id="roof">
                                <div id="logo">
                                    <a href="">
                                        <img src="<%=s_path%>/images/foro/logo3.png" title="" alt="SISS logo comunidad">
                                    </a>
                                </div>
                                <div id="top">
                                    <a href=""><font><font>acceso </font></font></a>  
                                </div>
                                <div id="nav">
                                    <a id="nav_questions" class="<%=op==2?"on":""%>" href="javascript:location.href='Foros?accion=2&carrera=<%=idCarrera%>'"><font><font>Temas </font></font></a>
                                    <a id="nav_tags"      class="<%=(op==10)?"on":""%>" href="javascript:location.href='Foros?accion=10&carrera=<%=idCarrera%>'"><font><font>Etiquetas </font></font></a>                                    
                                    <a id="nav_unanswered" class="<%=op==9?"on":""%>" href="javascript:location.href='Foros?accion=9&carrera=<%=idCarrera%>'"><font><font>Temas sin respuesta </font></font></a>
                                    <a id="nav_ask" href="javascript:iniciarDialogo()" class="special"><font><font>Crear Tema</font></font></a>
                                </div>
                            </div>
                            <div class="clear"></div>
                            <div id="searchBar">
                                <form action="Foros?accion=8&carrera=<%=idCarrera%>&op=<%=op%>" method="post">
                                    <div>
                                        <input type="text" name="palabra" class="searchInput" value="" id="keywords">
                                        <font><font><input type="submit" name="Submit" value="B&uacute;squeda" class="boton"></font></font><!--borrar eso :searchBtn-->
                                    </div>
                                </form>	
                            </div>
                            <!-- end template header.html -->
        
                            <div id="wrapper">
                                <div id="room">
                                    <div id="CALeft">
                                        <div class="headNormal">Inicio de sesi&oacute;n<br/>&nbsp;</div>
                                        <div style="width:600px;float:left;margin-bottom:5px;">
                                            Los servicios externos de inicio de sesi&oacute;n utiliza <b><a href="">OpenID</a></b> tecnolog&iacute;a, donde la contrase&ntilde;a siempre permanece 
                                            confidencial entre usted y su proveedor de acceso y usted no tiene que recordar otro.<br/>&nbsp;
                                        </div>
                                        <form name="formLogin" id="formLogin" action="Foros" method="post" class="signin_form" accept-charset="utf-8">
                                            <input type="hidden" name="ppsw" value="" id="ppsw" maxlength="64"/>
                                            <input type="hidden" name="idCarrera" value="<%=idCarrera%>"/>
                                            <!-- accion es radio 12 && 14 -->
                                            <fieldset id="local_login_fs">
                                                <p><span class="big strong">Introduzca su nombre de usuario y contrase&ntilde;a</span><br><span class="grey">(los campos son obligatorios)</span></p>
                                                <table>
                                                    <tbody>
                                                        <tr>
                                                            <td colspan="2"><label for="idMsg" style="color:red;font-family: monospace;font-size: 14px"><%=msg.length()>0?msg:""%></label></td>
                                                        </tr>
                                                        <tr>
                                                            <td><label for="id_username">Ingresar cuenta</label></td>
                                                            <td><input type="text" name="login" id="login" class="login required" maxlength="30"><label class="error">*</label></td>
                                                        </tr>
                                                        <tr>
                                                            <td><label for="id_password">Contrase&ntilde;a</label></td>
                                                            <td><input type="password" name="psw" id="psw"  class="login required" maxlength="128"><label class="error">*</label></td>
                                                        </tr>
                                                        <tr>
                                                            <td><label for="id_tipo">Tipo</label></td>
                                                            <td><label><input type="radio" name="accion" value="23" checked="true"/> Admin</label><label style="margin-left: 2em"><input type="radio" name="accion" value="12" /> Docente</label><label style="margin-left: 2em"><input type="radio" name="accion" value="14"/> Estudiante</label></td>
                                                        </tr>
                                                        <tr>
                                                            <td><input id="blogin" name="blogin" type="submit" value="Iniciar sesion" class="boton"></td>
                                                            <td>&nbsp;<!--<a href="">Crear una cuenta</a><span>&nbsp;|&nbsp;</span><a href="">Â¿Olvidaste tu contrase&ntilde;a?</a>--></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </fieldset>
                                            <input type="hidden" class="validate_email" name="validate_email" value="yes">
                                        </form>
                                        <br/><br/><br/><br/>&nbsp;<br/><br/><br/>
                                    </div>
                                    <div id="CARight">
                                        <div class="boxC">
                                            <h3 class="subtitle">¿Porque utilizar el foro?</h3>
                                            <ul class="list-item">
                                                <li>Con el Foro no es necesario para crear nuevo nombre de usuario y una contrase&ntilde;a.</li>
                                                <li>De forma segura puede volver a utilizar el mismo nombre de usuario para todos los sitios web habilitados para la comunidad.</li>                                                
                                            </ul>
                                            <p class="info-box-follow-up-links">
                                                <a href="" target="_blank">Mas informaci&oacute;n </a><br>
                                                <a href="" target="_blank">Comunidad </a>
                                            </p>
                                        </div>
                                    </div>
                                    <div id="tail" style="clear:both;"></div>
                                </div>
                                <div class="spacer3"></div>
                            </div>
                        </div>
                        <!---DIALOGO-->                     
                        <%@include file="../dialogo.jsp" %>
                    </div><!--end of leftPan-->
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->
            <%//@include file="../../footer.jsp" %>
            
	</div><!--end of outer-wrapper-->
    </body>
</html>
